<template>
    <center>
    <el-descriptions class="futher" title="我的账户信息" :column="3" size="large" border>
        <el-descriptions-item label="用户名" label-align="right" align="center" label-class-name="my-label"
            class-name="my-content" width="150px"><template #label>
        <div class="cell-item">
          <el-icon :style="iconStyle">
            <user />
          </el-icon>
          用户名
        </div>
      </template>何燕静</el-descriptions-item>
        <el-descriptions-item label="手机号" label-align="right" align="center">18100000000</el-descriptions-item>
        <el-descriptions-item label="城市" label-align="right" align="center">Suzhou</el-descriptions-item>
        <el-descriptions-item label="学校" label-align="right" align="center">
            <el-tag size="small"> 桂林信息科技学院</el-tag>
        </el-descriptions-item>
        <el-descriptions-item label="地址" label-align="right" align="center">广西桂林</el-descriptions-item>

        <el-descriptions-item label="账号" label-align="right" align="center">heyanjing</el-descriptions-item>
        <el-descriptions-item label="密码" label-align="right" align="center">1234567******234567</el-descriptions-item>
        <el-descriptions-item label="收货地址" label-align="right" align="center">广西桂林</el-descriptions-item>
    </el-descriptions>
    </center>
</template>
<style scoped>
:deep(.my-label) {
    background: var(--el-color-success-light-9) !important;
}

:deep(.my-content) {
    background: var(--el-color-danger-light-9);
}
.futher{
    width:80%;
}
</style>
  
<script>
export default {

}
</script>